<template>
  <!--imgshow : order record team local -->
  <div class="no-list">
    
    <img
      :src="require(`@/assets/other/${imgshow}.png`)"
      alt=""
      v-if="imgshow"
    >
    <div
      v-else
      class="no-text"
    >暂时没有相关数据</div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  //接收父级传递的参数
  props: {
    imgshow: {
      type: String,
      default: () => {
        return "";
      }
    }
  },
  //监听数据变化
  watch: {},
  data() {
    return {};
  },
  //实例初始化之前触发事件
  beforeCreate() {},
  //实例化之后触发事件
  created() {},
  //实时监控data参数数据变化
  computed: {},
  //模板组件
  components: {},
  //执行方法
  methods: {},
  mounted() {}
  //路由退出时候调用
  //beforeRouteLeave(to, from, next){next()}
};
</script>

<style scoped lang="less">
.no-list {
  width:100%;
  height:calc(100% + 2 * (100vw - 375px) / 39);
  position: relative;
  text-align: center;
  img {
    width: 7rem;
    margin:50% auto 0;
    display: inline-block;
  }
  .no-text{
    opacity: 0.5;
    margin: auto ;
    line-height: 250px;
  }
}
</style>
